<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>04层叠演示</title>
    <style>
        /* 
            层叠的含义：
                通过多种不同的选择器，选中某个元素，然后设置某种属性
        */
        div {
            color: pink;
        }

        .one {
            color: blue;
        }

        .box {
            color: purple;
        }

        div.one {
            color: plum;
        }
    </style>
</head>

<body>
    <div class="one box">我是一个box</div>
</body>

</html>